@charset "gb2312";
/* CSS Document */


.index-main{ position:relative; width:1000px; height:auto; margin:0 auto; z-index:200;}
.index-sider{ float:left; width:258px; height:auto; margin:-15px 0 0 0;} 
.sider-hotline{ width:258px;}
.hotline-title{ width:258px; height:82px; background:url(../images/hotline-title.png);}
.hotline-tel{ width:250px; background:#b50900; border-top:1px solid #da847f; border-bottom:1px solid #da847f;}
.hotline-tel li{ width:200px; height:36px; padding:12px 0; margin:0 auto; border-bottom:dashed 1px #c15954;}
.hotline-tel li p{ float:left; width:65px; height:36px; font-size:14px; color:#fff; overflow:hidden;}
.hotline-tel li span{ float:right; width:120px; height:36px; font-size:14px; color:#fff; letter-spacing:1px; overflow:hidden;}
.line-heigth18{ line-height:18px;}
.line-heigth36{ line-height:36px;}
.hotline-tel li.border-bottom-none{ border-bottom:none;}
.hotline-qq{ width:246px; padding:20px 0 20px 4px; background:#b50900; overflow:hidden;}
.hotline-qq a{ float:left; width:49px; height:49px; margin:0 0 0 8px; background:url(../images/hotline-qq.png) 0 0 no-repeat;}
.hotline-qq a:hover{ background:url(../images/hotline-qq.png) 0 -49px no-repeat;}
.sider-grey{ width:250px; height:auto; background:url(../images/sider-bg.jpg) repeat-x #f1eeee;}
.sider-code{ width:158px; height:207px; margin:32px auto 0 auto;}
.sider-code p{ width:158px; height:45px; background:url(../images/code-detail.png) top center no-repeat;}
.sider-code span{ display:block; width:158px; height:158px; margin:5px 0 0 0; overflow:hidden;}

.sider-public-head{ width:230px; height:45px; padding:0 10px; border-bottom:1px solid #dbdbdb;}
.sider-public-head p{ float:left; width:135px; height:45ppx; line-height:45px; font-size:18px; font-weight:bold; color:#5a5a5a; overflow:hidden;}
.sider-public-head a{ float:right; width:auto; height:18px; line-height:18px; text-align:right; padding-right:22px; background:url(../images/smallicons.png) 50px 0 no-repeat; color:#5a5a5a; margin:13px 0; overflow:hidden;}

.car-news{ width:250px; margin:32px 0 0 0;}
.car-news .cf{ width:230px; height:150px; margin:10px auto 0 auto;}
.car-news .cf li{ width:230px; height:30px;}
.car-news .cf li .icon{ float:left; width:18px; height:18px; background:url(../images/smallicons.png) 0 0 no-repeat; margin:6px 5px;}
.car-news .cf li p{ float:left; width:200px; height:30px; line-height:30px; overflow:hidden;}

.car-servers{ width:250px; margin:32px 0 0 0; padding-bottom:32px;}
.index-slides{ width:222px; height:185px; padding:3px; border:1px solid #dbdbdb; background:#fff; margin:20px auto 0 auto;}
.index-slides .container{ position:relative; width:222px; height:185px; overflow:hidden;}
#sliderbox ul{ position:absolute; height:185px; top:0; left:0;}
#sliderbox ul li{ float:left; width:222px; height:185px; position:relative; overflow:hidden;}
#sliderbox ul li p{ position:absolute; width:222px; height:185px; top:0; left:0; overflow:hidden;}
#sliderbox ul li em{ position:absolute; width:222px; height:30px; left:0; bottom:0; background:#000; opacity:0.5;}
#sliderbox ul li span{ position:absolute; width:222px; height:30px; left:0; bottom:0; line-height:30px; text-align:center; overflow:hidden;}
#sliderbox ul li span a{ color:#fff;}
.index-slides-btn{ width:auto; height:10px; margin:10px auto 0 auto;}
.index-slides-btn .btn{ float:left; width:10px; height:10px; border-radius:5px; background:#f19149; margin:0 5px;}
.index-slides-btn .select{ background:#c10000;}

.hot-modles{ float:right; width:731px; overflow:hidden;}
.modlesbox{ width:731px; height:305px;}
.modle-head{ width:711px; height:55px; padding:0 10px; border-bottom:1px solid #dbdbdb;}
.modle-head p{ float:left; width:auto; height:55ppx; line-height:70px; font-size:18px; font-weight:bold; color:#5a5a5a; overflow:hidden;}
.modle-head a{ float:right; width:auto; height:18px; line-height:18px; text-align:right; padding-right:22px; background:url(../images/smallicons.png) 50px 0 no-repeat; color:#5a5a5a; margin:26px 0 auto 0; overflow:hidden;}
.modlesbox .hm{ width:731px; height:190px; margin-top:20px;}
.modlesbox .hm li{ float:left; width:221px; height:190px; margin-right:34px;}
.modlesbox .hm li.last{ margin-right:0;}
.modlesbox .hm li p{ float:left; width:221px; height:160px; overflow:hidden;}
.modlesbox .hm li span{ float:left; width:140px; padding-left:10px; height:30px; line-height:30px; overflow:hidden;}
.modlesbox .hm li span a{ color:#2e2e2e;}
.modlesbox .hm li em{ float:left; font-style:normal; width:61px; height:30px; text-align:right; line-height:30px; color:#b50900; overflow:hidden;}

.servicebox{ width:1000px; height:300px; margin:0 auto;}
.service-head{ width:1000px; height:65px; margin:14px 0 0 0;}
.service-head p{ float:left; width:auto; height:65px; line-height:65px; font-size:24px; color:#5a5a5a; font-weight:bold;}
.service-head span{ float:left; width:auto; height:65px; font-size:16px; color:#bcbcbc; line-height:75px; font-weight:bold; margin-left:10px;}
.service-head a{float:right; width:auto; height:18px; line-height:18px; text-align:right; padding-right:22px; background:url(../images/smallicons.png) 50px 0 no-repeat; color:#5a5a5a; margin:22px 0 auto 0; overflow:hidden;}
.service-scroll{ position:relative; width:1000px; height:198px;}
.scroll-btn{ position:absolute; width:33px; height:82px; top:39px; background:url(../images/service-btn.png) no-repeat; display:none;z-indent:999;}
.service-scroll .btn-left{ left:-50px;}
.service-scroll .btn-right{ right:-50px; background-position:-33px 0;}
.service-scroll .scroll-ul{ position:relative; width:1000px; height:198px; margin:0; overflow:hidden;}
.service-scroll .scroll-ul ul{ position:absolute; width:auto; height:198px; top:0; left:0;}
.service-scroll .scroll-ul ul a{ float:left; width:235px; height:198px; margin:0 20px 0 0; overflow:hidden;}
.service-scroll .scroll-ul ul a p{ width:219px; height:144px; padding:8px; background:#fff; overflow:hidden;}
.service-scroll .scroll-ul ul a p img{ display:block; width:219px; height:144px; overflow:hidden;}
.service-scroll .scroll-ul ul a span{ display:block; width:235px; height:38px; line-height:38px; text-align:center; overflow:hidden;}
.service-scroll .scroll-ul ul a:hover p{ background:#b50900;}


.comservice{ width:1000px; height:auto; margin:0 auto;}
.comservice .cs{ float:left; width:205px; height:auto; padding:65px 15px; margin-right:20px; cursor:pointer;}
.comservice .last{ margin-right:0;}
.comservice span{ display:block; width:220px; height:31px;}
.comservice em{ float:left; width:42px; height:31px; margin:0 10px 0 30px;}
.cs-icon-a{ background:url(../images/smallicons.png) 0 -18px no-repeat;}
.cs-icon-b{ background:url(../images/smallicons.png) -42px -18px no-repeat;}
.cs-icon-c{ background:url(../images/smallicons.png) -84px -18px no-repeat;}
.cs-icon-d{ background:url(../images/smallicons.png) -126px -18px no-repeat;}
.comservice h6{ float:left; width:110px; height:31px; line-height:31px; font-size:24px; color:#5a5a5a; font-weight:normal; overflow:hidden;}
.comservice p{ width:205px; height:auto; line-height:24px; color:#5a5a5a; margin-top:15px;}
.comservice .cs:hover{ background:#b50900;}
.comservice .cs:hover h6,.comservice .cs:hover p{ color:#fff;}